<!--文本扩展-->
<template>
  <div v-show="show" class="test">
    <p
      v-html="text"
      style="margin-block-start: 0em; margin-block-end: 0em"
      :style="{ 'text-align': align, color: color, 'font-size': size + 'px', 'font-weight': bold }"
    />
  </div>
</template>

<script>
  export default {
    name: 'fancyText',
    props: {
      text: {
        type: String,
        default: ''
      },
      show: {
        type: Boolean,
        default: true
      },
      align: {
        type: String,
        default: 'left'
      },
      color: {
        type: String,
        default: ''
      },
      size: {
        type: Number,
        default: 14
      },
      bold: {
        type: Number,
        default: 400
      }
    },
    data() {
      return {
        htmlText: ''
      };
    }
  };
</script>
<style></style>
